﻿/* Control styles without color, border and background colors    */

/* Expander styles*/
.win-expander {
}

.win-expander-header {
}

.win-expander[aria-expanded=true] .win-expander-header {
}

.win-expander-arrow {
    padding: 3px;
}

.win-expander-headertext {
}

.win-expander-content {
    padding: 5px;
    white-space: pre-line;
}

.freezeHeader {
}

.win-expander-right {
    display: inline-block;
}

.win-expander-right .win-expander-header {
    display: inline-block;
    height: 100%;
    float: left;
    max-width: 250px;
}

.win-expander-right .win-expander-arrow {
    text-align: right;
    display: block;
    float: right;
}

.win-expander-right .win-expander-headertext {
    display: block;
    word-wrap: break-word;
     white-space: pre-line;
     word-wrap: break-word;
}

.win-expander-right .win-expander-content {
    display: inline-block;
    margin-top: 0px;
    width: auto;
    float: left;
    height: 100%;
    word-wrap: break-word;
}

.win-expander-left {
    display: inline-block;
    white-space: nowrap;
}

.win-expander-left .win-expander-header {
    display: inline-block;
    height: 100%;
    float: left;
    max-width: 250px;
}

.win-expander-left .win-expander-headertext {
    display: block;
    vertical-align: top;
     white-space: pre-line;
     word-wrap: break-word;
}

.win-expander-left .win-expander-arrow {
    display: block;
}

.win-expander-left .win-expander-content {
    display: inline-block;
    margin-top: 0px;
    width: auto;
    height: 100%;
    float: left;
    word-wrap: break-word;
}

.win-expander-up {
    display: inline-block;
}

.win-expander-up .win-expander-header {
    height: auto;
    display: block;
    min-height: 32px;
   margin-bottom: 0px;
    padding-bottom: 2px;

}

.win-expander-up .win-expander-headertext {
    display: inline-block;
    
}

.win-expander-up .win-expander-arrow {
    display: inline-block;
}

.win-expander-up .win-expander-arrow-left {
    float: left;
    padding-left: 0.3em;
}

.win-expander-up .win-expander-arrow-right {
    float: right;
    padding-right: 0.3em;
}

.win-expander-up .win-expander-content {
    display: block;
    width: 100%;
    overflow: hidden;
}

.win-expander-down {
    display: inline-block;
}

.win-expander-down .win-expander-header {
    display: block;
    width: 100%;
    overflow: hidden;
}

.win-expander-down .win-expander-headertext {
    display: inline-block;
}

.win-expander-down .win-expander-arrow {
    display: inline-block;
}

.win-expander-down .win-expander-arrow-left {
    float: left;
    padding-left: 0.3em;
}

.win-expander-down .win-expander-arrow-right {
    float: right;
    padding-right: 0.3em;
}

.win-expander-down .win-expander-content {
    display: block;
    width: auto;
    overflow: hidden;
    padding: 5px;
}

/* End of Expander styles */


/* NumericBox styles*/

.win-numericbox {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
    margin-left: 0.4em;
}

.win-numericbox-input {
    padding: 0;
    vertical-align: middle;
    margin-left: .4em;
}

.win-numbericbox-input::-ms-clear {
    display: none;
}

.win-numericbox-button {
    padding: 0;
    margin: 0;
    font-size: 11pt;
    text-align: center;
    cursor: default;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    margin-left: 0;
    margin: 0px 1px;
    min-width: 20px;
}

.win-numericbox-up {
    vertical-align: middle;
}

.win-numericbox-up img {
    vertical-align: middle;
 }

.win-numericbox-down {
    vertical-align: middle;
}

.win-numericbox-down img {
    vertical-align: middle;
 }
/* End of NumericBox styles */